<template>
  <div class="home-banner">
    <slider>
      <swiper-slide
        v-for="item of info"
        :key="item.id">
        <img :src="item.imgUrl" alt="" class="banner-pic">
      </swiper-slide>
    </slider>
  </div>
</template>
<script>
import slider from '@/base/slider'
export default {
  name: 'homeBanner',
  components: {
    slider
  },
  props: {
    info: Array
  }
}
</script>
<style lang="stylus" scoped>
.home-banner
  width 100%
  height 0
  padding-bottom 31.25%
  padding-top 50px
  .banner-pic
    width 100%
    height 100%
</style>
